<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        a{
            display: block;
            width: 100px;
            height: 100px;
            line-height: 100px;
            text-align: center;
            margin-left:30px ;
            cursor: pointer;
            background: #00c3ea;
            float: left;
            margin-bottom: 10px;
        }
    </style>
</head>
<body>
<a href="表单.html">作业1</a>
<a href="表单2.html">作业 2  </a>
<a href="表单3.html">作业 3  </a>
<a href="选项卡效果.html">作业4</a>
<a href="选项卡效果2.html">作业5 </a>
<a href="选项卡效果3.html">作业6 </a>
<a href="返回顶部.html"> 作业7</a>
<a href="返回顶部1.html">作业8 </a>
<a href="返回顶部1.html">作业9 </a>
<a href="贴顶部效果111.html">作业10 </a>
<a href="贴顶部效果111.html">作业11 </a>
<a href="贴顶部效果111.html">作业12 </a>
</body>
</html>